<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 头部导航 -->
    <div class="header">
        <div class="nav">
            <div class="navContainer">
                <div class="iconfig">
                </div>
                <div class="msgbox">
                    <a href="./index.html">云笔记</a>
                    <a class="active" href="./note_member.html">笔记会员</a>
                    <a href="./cloud_collaboration.html">云协作</a>
                    <a href="./shopping.html">智能硬件</a>
                    <a href="./download.html">下载</a>
                    <a href="">企业邮箱</a>
                </div>
                <div class="onloadbox">
                    <div class="le">
                        <a href="">免费体验会员</a>
                    </div>
                    <div class="ri">
                        <a href="./login.html">登陆注册</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 会员费用  -->
    <div class="bg-img">
        <div class="w">
            <div class="bg-box-1">
                <div class="item-4">
                    <a href=""><button>登入账号</button></a>
                    <p>新用户注册后APP瑞领取14天会员体验</p>
                </div>
            </div>

            <div class="bg-box-2">
                <div class="bg-box-item1">
                    <div>
                        <p><span>￥15</span>/连续包月</p>
                        <p>20项高级功能</p>
                    </div>
                    <div>
                        <button>立即开通</button>
                    </div>
                </div>
                <div class="bg-box-item2">
                    <div>
                        <p><span>￥18</span>/1个月</p>
                    </div>
                    <div>
                        <button>立即开通</button>
                    </div>
                </div>
            </div>

            <div class="bg-box-3">
                <div class="bg-box-item3">
                    <div>
                        <p><span>￥172</span>/连续包年</p>
                        <p>独享数据恢复功能</p>
                    </div>
                    <div>
                        <p>原价<del>218</del></p>
                        <button>立即开通</button>
                    </div>
                    <div class="discount">8折优惠</div>
                </div>
            </div>

            <div class="bg-box-4">
                <div class="vip">升级为会员</div>
                <img src="https://note.youdao.com/charge/images/close-fcbc1e80c8.svg" class="close">
                <div class="pay-item">
                    <span class="pay-title">开通时长:</span>
                    <ul class="pay-uls">
                        <li>
                            1个月
                            <span></span>
                        </li>
                        <li>
                            3个月
                            <span></span>
                        </li>
                        <li>
                            6个月
                            <span></span>
                        </li>
                        <li>
                            1年
                            <span class="corner"></span>
                        </li>
                    </ul>
                </div>

                <div class="pay-item">
                    <span class="pay-title">支付方式:</span>
                    <ul id="pay-ul">
                        <li>
                            支付宝
                            <span></span>
                        </li>
                        <li>
                            微信支付
                            <span class="corner"></span>
                        </li>
                        <li>
                            银联
                            <span></span>
                        </li>
                    </ul>
                </div>


                <div class="pay-item">
                    <span class="pay-title">优惠码:&nbsp;&nbsp;</span>
                    <div class="code-inout">
                        <input type="text" placeholder="输入优惠码点击使用">
                        <button>使用</button>
                    </div>
                </div>

                <div class="pay-item">
                    <p class="auto-p1">
                        <span class="pay-title2">支付金额:</span>
                        <span class="price">172</span>
                        <span class="unit">元</span>
                    </p>
                    <p class="auto-renew">
                        <input type="checkbox" checked>
                        <label for="auto-renew">
                     开通连续包年，到期后享172元/年优惠
                  </label>
                    </p>

                    <p class="vip-refund">
                        <i></i> 说明：会员服务开通后不支持退款
                    </p>
                    <p class="code-refund">优惠码在点击立即购买后即会失效，请尽快完成付款。</p>
                    <a href="javascript:;" class="buy-now">立即购买</a>
                    <a href="javascript:;" class="next-time">取消</a>
                </div>

            </div>
        </div>
    </div>
    <!-- item -->
    <section class="m-section">
        <div class="section-top">
            <div class="w">
                <h3>会员特权</h3>
                <div class="section-top-item">
                    <img src="../images/ic-excel-140@2x.png">
                    <span>在线表格编辑</span>
                    <p>支持对笔记内的Excel文件进行实时编辑 (协同编辑) 、保存等 操作
                    </p>
                </div>

                <div class="section-top-item">
                    <img src="../images/ic-mindmap-140@2x.png">
                    <span>脑图多样式</span>
                    <p>支持对脑图画布样式和布局方式进行修改
                    </p>
                </div>

                <div class="section-top-item">
                    <img src="../images/ic-recover-140@2x.png">
                    <span>数据恢复</span>
                    <p>年付费会员专享：在年付费期间误删的数据一年内可找回3次
                    </p>
                </div>

                <div class="section-top-item">
                    <img src="../images/ic-storage-140@2x.png">
                    <span>超大存储空间</span>
                    <p>提供50G存储空间,资料文件轻松存储
                    </p>
                </div>
            </div>
        </div>

        <div class="section-bottom">
            <h3>更多会员特权</h3>
            <div class="w temp_more">
                <div class="swiper-container swiper-container">
                    <div class="swiper-wrapper section-bottom-wrapper">
                        <div class="swiper-slide section-wrapper-active">
                            <ul>
                                <li>
                                    <img src="https://shared-https.ydstatic.com/market/ynote-website/charge/fill-15.svg" alt="">
                                    <p class="section-wrapper-txt1">文档扫描</p>
                                    <p class="section-wrapper-txt2">
                                        会员可接近无限次复制、保存文档扫描结果
                                    </p>
                                </li>

                                <li>
                                    <img src="https://shared-https.ydstatic.com/market/ynote-website/charge/ic-accessory-96.svg" alt="">
                                    <p class="section-wrapper-txt1">1G附件支持</p>
                                    <p class="section-wrapper-txt2">
                                        可添加招过200M的文件或者音频视频等
                                    </p>
                                </li>

                                <li>
                                    <img src="https://shared-https.ydstatic.com/market/ynote-website/charge/ic-noad.svg" alt="">
                                    <p class="section-wrapper-txt1">会员免广告</p>
                                    <p class="section-wrapper-txt2">
                                        会员期间全平台不显示广告,会员拥有更纯净分享页面
                                    </p>
                                </li>
                            </ul>

                            <ul>
                                <li>
                                    <img src="https://shared-https.ydstatic.com/market/ynote-website/charge/ic-picture-96.svg" alt="">
                                    <p class="section-wrapper-txt1">图片搜索</p>
                                    <p class="section-wrapper-txt2">
                                        会员可搜索图片中文字
                                    </p>
                                </li>

                                <li>
                                    <img src="https://shared-https.ydstatic.com/market/ynote-website/charge/ic-paper.svg" alt="">
                                    <p class="section-wrapper-txt1">纸张背景</p>
                                    <p class="section-wrapper-txt2">
                                        会员可享受多种纸张背景并支持分享
                                    </p>
                                </li>

                                <li>
                                    <img src="https://shared-https.ydstatic.com/market/ynote-website/charge/fill-7.svg" alt="">
                                    <p class="section-wrapper-txt1">数据备份</p>
                                    <p class="section-wrapper-txt2">
                                        不限次数批量导出所有数据
                                    </p>
                                </li>
                            </ul>
                        </div>

                        <div class="swiper-slide section-wrapper-active">
                            <ul>
                                <li>
                                    <img src="https://shared-https.ydstatic.com/market/ynote-website/charge/ic-fingerprint-96.svg" alt="">
                                    <p class="section-wrapper-txt1">指纹解锁加密笔记</p>
                                    <p class="section-wrapper-txt2">
                                        iPhone 端可对设置阅读密码的 笔记开启指纹解锁功能
                                    </p>
                                </li>

                                <li>
                                    <img src="https://shared-https.ydstatic.com/market/ynote-website/charge/ic-history-96.svg" alt="">
                                    <p class="section-wrapper-txt1">历史版本</p>
                                    <p class="section-wrapper-txt2">
                                        可保存—年历史版本 不限个数
                                    </p>
                                </li>

                                <li>
                                    <img src="https://shared-https.ydstatic.com/market/ynote-website/charge/ic-switch-96.svg" alt="">
                                    <p class="section-wrapper-txt1">多个帐号自由切换</p>
                                    <p class="section-wrapper-txt2">
                                        手机端专享功能
                                    </p>
                                </li>
                            </ul>

                            <ul>
                                <li class="lis">
                                    <img src="https://shared-https.ydstatic.com/market/ynote-website/charge/ic-remind-96.svg" alt="">
                                    <p class="section-wrapper-txt1">异地登录短信提醒</p>
                                    <p class="section-wrapper-txt2">
                                        当在新设备(手机或电脑)上登 录时，支持短信提醒醍
                                    </p>
                                </li>

                                <li>
                                    <img src="https://shared-https.ydstatic.com/market/ynote-website/charge/ic-longpic-96.svg" alt="">
                                    <p class="section-wrapper-txt1">长图分享</p>
                                    <p class="section-wrapper-txt2">
                                        底部不显示笔记logo，增加个人 昵称
                                    </p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="swiper-button-next "></div>
                    <div class="swiper-button-prev "></div>
                </div>
                <a class="section-information" href="" target="_blank">查看更多介绍</a>

            </div>
    </section>
    <!-- footer -->
    <footer class="m-footer">
        <ul class="wei">
            <li>
                <a href="" class="weibo"></a>
            </li>
            <li>
                <a href="" class="wechat">
                    <img src="https://note.youdao.com/styles/images/wechat_qrcode.png">
                </a>
            </li>
        </ul>
        <div class="exchange">
            <a href="">会员兑换</a>
        </div>
        <ul class="about">
            <li>
                <a href="">关于我们</a>
            </li>
            <li>|</li>
            <li>
                <a href="">联系我们</a>
            </li>
            <li>|</li>
            <li>
                <a href="">服务条款</a>
            </li>
            <li>|</li>
            <li>
                <a href="">隐私协议</a>
            </li>
            <li>|</li>
            <li>
                <a href="">有道云笔记自动续费服务条款</a>
            </li>
            <li>|</li>
            <li>
                <a href="">帮助</a>
            </li>
            <li>|</li>
            <li>
                <a href="">未成年人个人信息保护政策</a>
            </li>
            <li>|</li>
            <li>
                <a href="">网易网站相关资质证明</a>
            </li>
        </ul>
        <div class="bot-line"></div>
        <div class="copyright">
            增值电信业务经营许可证 浙B2-20210039，B1.B2-20204128&nbsp;&nbsp;&nbsp;&nbsp;违法和不良信息举报电话：010-82558163
        </div>
    </footer>
</body>

</html>